<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control"  content="no-transform">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>报销宝精选商城</title>
    <link href="/statics/view/css/shop_common.css" rel="stylesheet" type="text/css" />
    <link href="/statics/view/css/shop_layout.css" rel="stylesheet" type="text/css" />
    <link href="/statics/flickity/css/flickity.css" rel="stylesheet" type="text/css" media="screen" />
    <style type="text/css">
        #indexGallery{
            overflow: hidden;
            width: 100%;
        }
        .gallery-cell{
            width: 100%;
            height: 200px;
        }
        .gallery-cell a{
            display: block;
        }
        .gallery-cell img{
            width: 100%;
        }
    </style>
</head>
<body>
<script src="//ms2-m.vipstatic.com/js/lib/a478accf5e.jquery-2.1.0.min.js"></script>
<script src="/statics/view/js/shop.js"></script>
<header id="header" class="u-header clearfix">
    <div class="u-hd-tit"><span>精选</span></div>
    <div class="u-hd-right f-right">
        <a href="classify.html" mars_sead="brand-search_btn"><span class="u-icon-px i-hd-search"></span></a>
    </div>
</header>
<div class="u-adbanner J_operation_slider" data-zoneid="75" data-f="">
    <div class="J_content">
        <ul  class="gallery" id="indexGallery">
            <li class="cell" >
                <a class="J_content_link" mars_sead="index-ads_btn" href="" data-href="" data-showtime="4000">
                    <img class="J_content_img"src="http://b.vimage1.com/2015/11/05/9929/14467164788575.jpg" data-id="">
                </a>
            </li>
            <li class="cell">
                <a class="J_content_link" mars_sead="index-ads_btn" href="" data-href="" data-showtime="4000">
                    <img class="J_content_img"src="http://b.vimage1.com/2015/11/05/9929/14467164788575.jpg" data-id="">
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="u-module">
    <div class="u-brand-list">
        <div id="channel_img" data-offset="10" data-total="454" data-limit="10" data-channel="1" data-menuid="64" data-typeid="0" data-tsift="0" data-page="index.html" data-img-class="BrandMer_star" data-float-progress="0">
           [#list factoryList as factory]
            <div class="u-brand" data-id="41611"><!--品牌1-->
                <div class="p-relative">
                    <a href="/shop/brand-${factory.id}" class="u-brand-pic J_item-list">
                        <img src="${factory.shopBanner}" data-onerror=""  data-brandid="41611" class="BrandMer_star">
                    </a>
                </div>
                <div class="u-brand-msg e-border-b clearfix">
                    <p class="u-brand-name f-left">${factory.description}</p>
                </div>
            </div>
            [/#list]
        </div>
    </div>
</div>
<script src="//cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript" src="/statics/flickity/js/flickity.pkgd.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('#indexGallery').flickity({
            cellAlign: 'center',
            contain: true,
            autoPlay: true
        });
    });
</script>
</body>
</html>